<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="/thor-toolkit" prefix="tt" %>
<!DOCTYPE html>
<html>
<head>
	<tt:env/>
	<tt:service service="report" />
    <title>对标管理平台</title>
    <meta charset="utf-8">
    <%@include file="../common-include.jspf"%>
    
    <script>
        $(document).ready(function(){
            tui.ctrl.button("指标展现").checked(true);

            <!--tab页js-->
            var page_str = $(".current").attr("data-page");
            $(".tab-page-container").find('[data-page=' + page_str + ']').addClass('pagecurrent');

            $(".tab-menu-item").click(function(){
                $(".tab-menu-container").find('.current').removeClass('current');
                $(this).addClass('current');
                var page_str = $(this).attr("data-page");
                $(".tab-page-container").find('.pagecurrent').removeClass('pagecurrent');
                $(".tab-page-container").find('[data-page=' + page_str + ']').addClass('pagecurrent');
            });
        });
		
      $(function(){
    	  var reportUrl='${report.getReportUrl(session.get("uid"))}';
    	  var urlArr=reportUrl.split("?");
    	  
    	  var ifm1=document.createElement("iframe");

       	  ifm1.setAttribute("style","border:1px;  width:100%;height:100%");
          ifm1.src=reportUrl+'1394790&wmode=transparent';
       	  var div=document.getElementById("viewPage");
          div.appendChild(ifm1);

	   		var ifm2=document.createElement("iframe");
	   		setTimeout(function(){
	   			ifm2.setAttribute("style","border:1px;  width:100%;height:100%");
	   			ifm2.src=urlArr[0]+'?iDocID=1394789&wmode=transparent';
	   			var div=document.getElementById("safePage");
	   	          div.appendChild(ifm2);
	   		},3000);
	   		
	   		var ifm3=document.createElement("iframe");
	   		setTimeout(function(){
	   			ifm3.setAttribute("style","border:1px;  width:100%;height:100%");
	   			ifm3.src=urlArr[0]+'?iDocID=1394784&wmode=transparent';
	   			var div=document.getElementById("runPage");
	   	          div.appendChild(ifm3);
	   		},2000);
	   		
	   		var ifm4=document.createElement("iframe");
	   		setTimeout(function(){
	   			ifm4.setAttribute("style","border:1px;  width:100%;height:100%");
	   			ifm4.src=urlArr[0]+'?iDocID=1394760&wmode=transparent'; 
	   			var div=document.getElementById("techPage");
	   	          div.appendChild(ifm4);
	   		},2000);
	   		
	   		var ifm5=document.createElement("iframe");
	   		setTimeout(function(){
	   			ifm5.setAttribute("style","border:1px;  width:100%;height:100%");
	   			ifm5.src=urlArr[0]+'?iDocID=1394745&wmode=transparent'; 
	   			var div=document.getElementById("equipPage");
	   	          div.appendChild(ifm5);
	   		},2000);
	   		
      });
   </script>
    <style>
    	iframe{
    		width:100%;
    		height:100%;
    		border:0;
    	}
        .my-tab{
            width:1000px;
            height:500px;
            margin:50px auto;
        }

        .tab-menu-container{
            border-bottom-style:solid;
            border-bottom-width:3px;
            border-bottom-color:#414141;
            font-size:22px;
            height:40px;
            overflow:visible;
            position:relative;
        }
        .tab-menu-item{
            float:right;
            padding:5px 15px;
            color:#414141;
            font-size:16px;
            margin-top: 8px;
            cursor:pointer;
            display:none;
        }

        .tab-menu-item:hover{
            color:#414141;
            cursor:pointer;
        }

        .current:hover{
            color:white;
        }

        .current{
            color:white;
            background-image:url(${root}/assets/image/dialog.png);
            background-repeat: no-repeat;
            background-position: 50% 0px;
            cursor: default;
            z-index:55555;
            padding-bottom:20px;
        }

        .tab-page{
            display:none;
        }

        .pagecurrent{
            display:block;
        }

    </style>
</head>
<body style="min-width:1365px">
    <%@include file="../common-header.jspf"%>
<div style="text-align:center;">
    <!--燃气发电tab页-->
        <div class="tab-menu-container" style=" width: 1100px;margin: 20px auto 0 auto;position:absolute;top:40px;left:0;right:0">
            <span style="float:left"><i class="fa fa-hand-o-right" style="margin-right:10px;"></i>燃气发电</span>
            <div style="float:right;z-index:99">
            	<a id="设备管理" class="tab-menu-item" data-page="设备管理">设备管理</a>
	            <a id="生产技术" class="tab-menu-item" data-page="生产技术">生产技术</a>
	            <a id="生产运营" class="tab-menu-item" data-page="生产运营">生产运营</a>
	            <a id="安全环保"  class="tab-menu-item" data-page="安全环保">安全环保</a>
	            <a id="指标概览" class="tab-menu-item current" data-page="指标概览">指标概览</a>
            </div>
        </div>
        <div class="tab-page-container" style="position:absolute;top:108px;left:0;right:0;z-index:-1" >
            <div id="viewPage" class="tab-page" data-page="指标概览" style="min-width:1100px;width:1365px ;height:553px;overflow: hidden">
            </div>
            <div id="safePage" class="tab-page" data-page="安全环保" style="min-width:1100px;width:1365px ;height:553px;overflow: hidden" >
            </div>
            <div id="runPage" class="tab-page" data-page="生产运营" style="min-width:1100px;width:1365px ;height:553px;overflow: hidden">
            </div>
            <div id="techPage" class="tab-page" data-page="生产技术" style="min-width:1100px;width:1365px ;height:553px;overflow: hidden">
            </div>
            <div id="equipPage" class="tab-page" data-page="设备管理" style="min-width:1100px;width:1365px ;height:553px;overflow: hidden">
            </div>
        </div>
    </div>
</body>
</html>
